/* banner */
@media (max-width: 767px) {
  body {
    width: 100%;
    height: 100%;
  }
  .section .container {
    padding: 0 1.5rem;
  }
  .section .container-fluid {
    width: 100%;
  }
  .section .swiper-pagination-line .swiper-pagination-bullet {
    width: 1.5rem !important;
    height: 0.15rem;
    border-radius: 0;
    margin: 0 0.25rem !important;
  }
  .section .knowmore {
    font-size: 1.4rem;
    line-height: 3.5rem;
    min-width: 13.5rem;
    margin: 0 1.25rem;
  }
  .section .section-title {
    padding-top: 9.65rem;
    padding-bottom: 5.5rem;
    font-size: 3rem !important;
  }
  .section-banner img,
  .section-banner video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
  }
  .section-banner .swiper-slide img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
  }
  .section-banner .banner-slogan.slogan-text-center {
    top: 25%;
  }
  .section-banner .banner-slogan h3 {
    margin-bottom: 1em;
    letter-spacing: 0.1em;
  }
  .section-banner .banner-slogan p {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .section-banner .banner-btn-group {
    top: 25%;
    margin-top: 10rem;
  }
  .section-banner .video-box ~ .banner-slogan {
    top: 40%;
  }
  .section-banner .swiper-banner-pagination {
    bottom: 5% !important;
  }
  .section-car {
    padding-bottom: 11.2rem;
  }
  .section-car .section-car-container {
    width: 100%;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-title-swiper {
    width: 100%;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-title-swiper .swiper-slide {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-title-swiper .swiper-slide-active::after {
    width: 2.5rem;
    height: 0.25rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper-box {
    margin-top: 5.7rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide {
    padding: 0;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .car-name {
    left: 0;
    right: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 6.5rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .slide-content {
    margin-top: 7.9rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .slide-content h4 {
    font-size: 1.8rem;
    margin: 0;
    margin-bottom: 1.4rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .slide-content span {
    font-size: 1.4rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .slide-btn-group {
    margin-top: 5.4rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .img-car-slide {
    margin-top: 8.6rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .img-carlt {
    width: 5rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .car-x70zgc ~ img.img-carlt-left {
    top: 56.5%;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .car-x70zgc ~ img.img-carlt-right {
    top: 56.5%;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .car-x70plusc ~ img.img-carlt-left {
    width: 5rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .car-x70plusc ~ img.img-carlt-right {
    width: 5rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .car-x90plusc ~ img.img-carlt-left {
    width: 4.8rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-slide .car-x90plusc ~ img.img-carlt-right {
    width: 4.8rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-car-prev,
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-car-next {
    width: 2.5rem;
    height: 4.5rem;
    margin-top: 0;
    top: 19%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-car-prev {
    left: 1rem;
  }
  .section-car .section-car-container .section-car-swiper-wrap .car-swiper .swiper-car-next {
    right: 1rem;
  }
  .section-travel {
    padding: 0;
    height: 100vh;
  }
  .section-travel .section-padding-container .section-travel-mask .img-logo-stencil {
    width: 35%;
  }
  .section-travel .section-padding-container .section-travel-content p {
    font-size: 1.4rem;
  }
  .section-travel .section-padding-container .section-travel-content p span {
    line-height: 3.2rem;
  }
  .section-travel .section-padding-container .section-travel-content .knowmore {
    margin: 8rem 0;
  }
  .section-order {
    padding: 0;
  }
  .section-order .col-item-row {
    flex-direction: column;
    padding: 0;
  }
  .section-order .col-item-row .col-item {
    padding-top: 100.66%;
    width: 100%;
  }
  .section-order .col-item-row .col-item .img-clip-box .img-clip {
    transform: skewX(0);
  }
  .section-order .col-item-row .col-item .img-clip-box .img-clip img {
    transform: skewX(0) translateX(-50%);
    left: 50%;
  }
  .section-order .col-item-row .col-item .img-clip-box .img-clip .col-item-content {
    transform: skewX(0);
  }
  .section-order .col-item-row .col-item.col-item-left {
    left: 0;
  }
  .section-order .col-item-row .col-item.col-item-right {
    right: 0;
  }
  .section-order .col-item-row .col-item:first-child {
    clip-path: polygon(0 0, 100% 0, 100% 91%, 0 100%);
    margin-bottom: -1.9rem;
  }
  .section-order .col-item-row .col-item:last-child {
    clip-path: polygon(0 9%, 100% 0, 100% 100%, 0 100%);
  }
  .section-order .col-item-row .col-item.gsapAnimateRight {
    transform: translateY(4.25%);
  }
  .section-order .col-item-row .col-item.gsapAnimateLeft {
    transform: translateY(4.25%);
  }
  .section-order .col-item-row .col-item.animated.gsapAnimateRight {
    transform: none;
  }
  .section-order .col-item-row .col-item.animated.gsapAnimateLeft {
    transform: none;
  }
  .section-order .col-item-row .col-item .order-item-left {
    padding: 3.2rem 0 5.2rem;
    left: 0;
  }
  .section-order .col-item-row .col-item .order-item-right {
    padding: 5.2rem 0 3.2rem;
    right: 0;
  }
  .section-order .col-item-row .col-item h4 {
    font-size: 2.1rem;
    margin-bottom: 0.7rem;
  }
  .section-order .col-item-row .col-item p {
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
  }
  .section-order .col-item-row .col-item .col-item-content .item-title {
    font-size: 3rem;
  }
  .section-order .col-item-row.animated .col-item-left {
    left: 0;
  }
  .section-order .col-item-row.animated .col-item-left.to-top {
    transform: translateY(0);
  }
  .section-order .col-item-row.animated .col-item-right {
    right: 0;
  }
  .section-order .col-item-row.animated .col-item-right.to-bottom {
    transform: translateY(0);
  }
  .section-appointment {
    padding-bottom: 9.6rem;
  }
  .section-appointment .col-item-row {
    flex-direction: column;
  }
  .section-appointment .col-item-row .col-item.item-car-img {
    height: 15.5rem;
    padding: 3.4rem 0;
    box-sizing: content-box;
    width: 80%;
  }
  .section-appointment .col-item-row .col-item .img-car {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .section-appointment .col-item-row .col-item .img-car.img-loading {
    width: 4rem;
  }
  .section-appointment .col-item-row .col-item.appointment-content {
    width: 100%;
    padding: 0 2rem;
  }
  #select-cascader-wrap .sel-cascader-input > button {
    font-size: 1.4rem;
    line-height: 5rem;
    height: 5rem;
    padding: 0 !important;
  }
  .global-select-box select {
    font-size: 1.4rem;
  }
  #appointment-form .form-input {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  #appointment-form .form-input .input-item-i {
    width: calc(100% - 5.5em);
  }
  #appointment-form .form-input .input-item-i input {
    font-size: 1.4rem;
    line-height: 5rem;
    height: 5rem;
    padding: 0;
  }
  #appointment-form .form-input .input-item-i .select-box {
    height: 5rem;
    line-height: 5rem;
  }
  #appointment-form .form-input .input-item-d {
    padding: 0 0.5rem;
  }
  #appointment-form .form-input .input-item-location {
    padding-right: 1.5rem;
    gap: 1rem;
  }
  #appointment-form .form-input .input-item-location #select-cascader-wrap .sel-cascader-input > button .input-text {
    left: 0;
    padding-right: 0;
  }
  #appointment-form .form-input .input-item-location i {
    right: calc(100% - 25.8rem);
  }
  #appointment-form .rule-input label.check_wrap {
    font-size: 1.2rem;
  }
  #appointment-form .appointment-btn-wrapper {
    text-align: center;
  }
  #appointment-form .appointment-btn-wrapper .knowmore {
    margin-top: 4.4rem;
  }
  .section-otherservice {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  .section-otherservice .container-fluid {
    padding: 0 2rem;
  }
  .section-otherservice .col-item-row {
    flex-direction: column;
  }
  .section-otherservice .col-item-row .col-item {
    width: 100%;
  }
  .section-otherservice .col-item-row .col-item img {
    height: 27.5rem;
    object-fit: cover;
  }
  .section-otherservice .col-item-row .col-item span {
    font-size: 2.1rem;
    padding: 0.6rem 0 2rem;
  }
  .section-joinus {
    padding: 0;
    padding-bottom: 3rem;
    background: url(/assets/imgs/index/joinus-bg-m.jpg) no-repeat;
    background-size: 100% 100%;
  }
  .section-joinus .section-title {
    padding-top: 4.5rem;
    padding-bottom: 1.2rem;
  }
  .section-joinus .section-joinus-container {
    width: 100%;
    padding: 0 2rem;
  }
  .section-joinus .section-joinus-container .col-item-row {
    flex-direction: column-reverse;
    align-items: center;
  }
  .section-joinus .section-joinus-container .col-item-row .swiper-carimg {
    transform: translateX(-5rem);
  }
  .section-joinus .section-joinus-container .col-item-row .swiper-carimg .swiper-slide {
    padding: 2.9rem 0;
  }
  .section-joinus .section-joinus-container .col-item-row .swiper-carimg .swiper-slide img {
    width: 41.2%;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item-qrcode-list .knowmore {
    margin-top: 0.7rem;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item-qrcode-list ul {
    text-align: center;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item-qrcode-list ul li {
    display: inline-block;
    vertical-align: top;
    margin: 3.5rem 1.5rem;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item-qrcode-list ul li img {
    width: 12.3rem;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item-qrcode-list ul li p {
    width: 12.3rem;
    font-size: 1.2rem;
    margin-top: 0.8rem;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item {
    width: 100% !important;
    text-align: center;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item:last-child .swiper-buycar {
    padding-bottom: 1.5rem;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item:last-child .swiper-buycar h4 {
    font-size: 2.1rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item:last-child .swiper-buycar p {
    font-size: 1.4rem;
  }
  .section-joinus .section-joinus-container .col-item-row .col-item:last-child .swiper-buycar .swiper-bycar-pagination {
    text-align: center;
  }

  #jetour-td .td-desc {
    margin-top: -3.5rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .td-tabs-content {
    width: 100%;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding: 0 3rem;
  }
  .td-tabs-item-active:after {
    height: .4rem;
    bottom: .2rem;
  }
  .tb-content {
    display: block;
  }
  .tb-item {
    width: 31rem;
    margin-left: 3rem;
  }
  .tb-item img {
    height: 18.6rem;
  }
  .tb-item-title {
    font-size: 1.4rem;
    line-height: 2rem;
    height: 4rem;
    margin-bottom: 2.5rem;
  }

  #jetour-car {
    padding: 9.65rem 0;
  }
  .car-type-text {
    font-size: 3rem;
  }
  .car-type-content {
    width: 26rem;
    margin-bottom: 6rem;
  }
  .car-type-icon {
    width: 1.5rem;
    height: 3rem;
  }
  .car-type-swiper-title {
    width: 100%;
  }
  .car-type-swiper-title-item {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
  .swiper-slide-active .car-type-swiper-title-item-bor:after {
    bottom: .2rem;
    height: .4rem;
  }
  .cat-type-box {
    width: 100%;
  }
  .cat-type-img {
    width: 70%!important;
    height: 18rem;
  }
  .car-type-swiper-btn {
    top: 30%;
  }
  .car-type-next {
    right: 1rem;
  }
  .car-type-prev {
    left: 1rem;
  }
  .car-type-name {
    font-size: 1.8rem;
  }
  .car-type-price {
    font-size: 1.4rem;
  }
  .car-type-btns {
    display: block;
    margin-top: 4rem;
  }
  .car-type-btn {
    width: 13.5rem;
    font-size: 1.4rem;
    margin: 0 auto;
    height: 3.5rem;
  }
  .car-type-price {
    margin-top: 2rem;
  }
  .car-type-btn-r {
    margin-top: 1.5rem;
  }
}